<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="../static/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../static/css/all-use.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/meetingRoom.css"/>
    <script src="../static/js/jquery-3.6.0.slim.min.js"></script>
    <script src="../static/js/popper.js"></script>
    <script src="../static/js/bootstrap.js"></script>
    <title></title>
</head>
<body class="all-background">
<div id="fatherBox">
    <div class="pos-fixed">
        <div class="fixed-set">
            会议室占用
        </div>
    </div>
    <div class="out-top">
    </div>
    <!-- 主体 -->
    <div style="margin-top: 15px" id="bodyBox">
        <div class="container" id="body">
            <div class="left" id="floor">
                <div class="btn-group-vertical btn-list" role="group" aria-label="Basic example" id="buttons">
                    <button type="button" class="btn btn-secondary btn-list-set">一楼</button>
                    <button type="button" class="btn btn-secondary btn-list-set">二楼</button>
                    <button type="button" class="btn btn-secondary btn-list-set">三楼</button>
                    <button type="button" class="btn btn-secondary btn-list-set">四楼</button>
                </div>
            </div>
            <div class="right">
                <div class="container all-background" id="roomList">
                    <div class="row detail-bottom ">
                            <div class="right-cont1">
                                会议室101
                            </div>
                            <div class="right-cont2">
                                <div>
                                    多媒体会议室
                                </div>
                                <div>
                                    <div class="right-display-inline">
                                        容纳人数:
                                    </div>
                                    <div class="right-display-inline">
                                        200
                                    </div>
                                </div>
                            </div>
                            <div class="right-cont3">
                                <button type="button" class="btn-primary right-btn">预约</button>
                            </div>
                            <div class="right-cont4">
                                <button type="button" class="btn-primary right-btn">查看</button>
                            </div>
                    </div>

                    <div class="row detail-bottom ">
                        <div class="right-cont1">
                            会议室101
                        </div>
                        <div class="right-cont2">
                            <div>
                                多媒体会议室
                            </div>
                            <div>
                                <div class="right-display-inline">
                                    容纳人数:
                                </div>
                                <div class="right-display-inline">
                                    200
                                </div>
                            </div>
                        </div>
                        <div class="right-cont3">
                            <button type="button" class="btn-primary right-btn">预约</button>
                        </div>
                        <div class="right-cont4">
                            <button type="button" class="btn-primary right-btn">查看</button>
                        </div>
                    </div>

                    <div class="row detail-bottom ">
                        <div class="right-cont1">
                            会议室101
                        </div>
                        <div class="right-cont2">
                            <div>
                                多媒体会议室
                            </div>
                            <div>
                                <div class="right-display-inline">
                                    容纳人数:
                                </div>
                                <div class="right-display-inline">
                                    200
                                </div>
                            </div>
                        </div>
                        <div class="right-cont3">
                            <button type="button" class="btn-primary right-btn">预约</button>
                        </div>
                        <div class="right-cont4">
                            <button type="button" class="btn-primary right-btn">查看</button>
                        </div>
                    </div>

                    <div class="row detail-bottom ">
                        <div class="right-cont1">
                            会议室101
                        </div>
                        <div class="right-cont2">
                            <div>
                                多媒体会议室
                            </div>
                            <div>
                                <div class="right-display-inline">
                                    容纳人数:
                                </div>
                                <div class="right-display-inline">
                                    200
                                </div>
                            </div>
                        </div>
                        <div class="right-cont3">
                            <button type="button" class="btn-primary right-btn">预约</button>
                        </div>
                        <div class="right-cont4">
                            <button type="button" class="btn-primary right-btn">查看</button>
                        </div>
                    </div>

                    <div class="row detail-bottom ">
                        <div class="right-cont1">
                            会议室101
                        </div>
                        <div class="right-cont2">
                            <div>
                                多媒体会议室
                            </div>
                            <div>
                                <div class="right-display-inline">
                                    容纳人数:
                                </div>
                                <div class="right-display-inline">
                                    200
                                </div>
                            </div>
                        </div>
                        <div class="right-cont3">
                            <button type="button" class="btn-primary right-btn">预约</button>
                        </div>
                        <div class="right-cont4">
                            <button type="button" class="btn-primary right-btn">查看</button>
                        </div>
                    </div>

                    <div class="row detail-bottom ">
                        <div class="right-cont1">
                            会议室101
                        </div>
                        <div class="right-cont2">
                            <div>
                                多媒体会议室
                            </div>
                            <div>
                                <div class="right-display-inline">
                                    容纳人数:
                                </div>
                                <div class="right-display-inline">
                                    200
                                </div>
                            </div>
                        </div>
                        <div class="right-cont3">
                            <button type="button" class="btn-primary right-btn">预约</button>
                        </div>
                        <div class="right-cont4">
                            <button type="button" class="btn-primary right-btn">查看</button>
                        </div>
                    </div>

                    <div class="row detail-bottom ">
                        <div class="right-cont1">
                            会议室101
                        </div>
                        <div class="right-cont2">
                            <div>
                                多媒体会议室
                            </div>
                            <div>
                                <div class="right-display-inline">
                                    容纳人数:
                                </div>
                                <div class="right-display-inline">
                                    200
                                </div>
                            </div>
                        </div>
                        <div class="right-cont3">
                            <button type="button" class="btn-primary right-btn">预约</button>
                        </div>
                        <div class="right-cont4">
                            <button type="button" class="btn-primary right-btn">查看</button>
                        </div>
                    </div>
                    <div class="out-bottom">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 以上为主体 -->
    <!-- 导航栏 -->
    <div id="mynav" >
        <ul class="nav nav-pills nav-fill">
            <li class="nav-item nav-width">
                <button class="nav-link nav-height" onclick="jumpToBook()">预约会议室</button>
            </li>
            <li class="nav-item nav-width">
                <button class="nav-link  nav-height active" onclick="jumpToSearch()">查看占用</button>
            </li>
            <li class="nav-item nav-width">
                <button class="nav-link nav-height ">个人中心</button>
            </li>
        </ul>
    </div>
    <!-- 以上为导航栏信息	 -->
</div>
<script src="../static/meetingRoom.js"></script>
</body>
</html>











